@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;}
body {margin: 0;padding: 0;background: #f5f5f5;color:#666;font: 14px/28px "Microsoft YaHei",Helvetica,Arial,sans-serif;}
ul,li,p,em{margin: 0;padding:0;list-style: none; font-style: normal;}
img {border-style: none;vertical-align: middle;}
a:link,a:visited{color:#666;text-decoration:none;}
a:hover,a:active {color: #0080ff;text-decoration:none;}
b,strong {font-weight: bolder;}
input,select{border: none;}
.clear{clear:both;}
h1,h2, h3, h4,h5,h6{margin: 0;padding: 0;font-family:"Microsoft YaHei" Arial; text-align:center; }
h1{font-size: 36px; line-height: 36px; font-weight: normal; color: #000;}
h2{font-size: 30px; line-height: 60px;}
h3{font-size: 24px;line-height: 40px;}
h4{font-size: 18px;line-height: 36px;}
h5{font-size: 16px;line-height: 32px;}
h6{font-size: 14px;line-height: 28px; font-weight: normal;color: #999;}

.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
  overflow:hidden;
}
.clearfix {
  zoom:1;
}
/******header-container******/
.header-container{position: fixed; top:0; width:100%;height:40px; background: #fcfcfc; z-index: 99999; }
.header{margin:0 auto;max-width: 1200px;}
.header-left{float: left; font: 12px/40px "Microsoft YaHei"; color: #9999;}
.header-right{padding:8px 0;float: right; height:24px;font: 12px/24px "Microsoft YaHei";}
.header-right li{padding:0;margin:0 10px;float: left; position: relative;}
/* .header-right li{padding:0 20px;margin:0 10px;float: left; position: relative;} */
.header-right li a{cursor: pointer;}
.header-right li em{display: inline-block;}
.header-jiantou{ position: absolute;top:10px; right:0;width:8px; height:4px;background: url(../img/header-jiantou.png) no-repeat 0 0;}
.header-nav-show{position: absolute;top:32px; right:0;  z-index: 9; display:none;padding:10px;width: 100px; height:auto; background: #fff; border:1px solid #eee;}
.header-right li:hover .header-jiantou{background: url(../img/header-jiantou.png) no-repeat 0 -4px;}
.header-right li:hover .header-nav-show{display:block;}

/******top-container******/
.top-container{position: fixed; top:40px;padding:19px 0;width:100%;height:42px; background: #fff; z-index: 9999;  border:1px solid #ddd;}
.top{margin:0 auto;max-width: 1200px;}
.top img{padding-left: 5px;margin: 0;height: auto;max-width: 100%;}
.logo{float: left;}
.logo-title{padding-left:20px;float: left;}
.nav,.Login{padding:5px 0;float:right;font: 16px/32px "Microsoft YaHei"; color:#000;}
.nav li{padding:0 15px;display: inline-block; position: relative;}
.hot-new{position: absolute;right:-18px;top: -8px;width:28px; height:18px;background:url(../img/icon-home-nav.png) 0 -274px no-repeat; }
.nav a:link,.nav a:visited{color: #000;}
.nav a:hover,.nav a:active{color: #0080ff;}
.Login{padding-left:30px; }
.Login li{padding:0 10px 0 0;display: inline-block;}
.Login a{margin:0;padding:5px 20px;border: 1px; border-radius: 16px; cursor: pointer; font-size: 16px;}
.Login .register{background: #0080ff; color: #fff;border: 1px solid #0080ff;}
.Login .register:hover{background: #2288fe;}
.Login  a.register:link,.Login  a.register:visited,.Login  a.register:hover,.Login  a.register:active{color:#fff;}
.Login .Signin{margin-left:0px;background: #fff;border: 1px solid #ddd;}
.Login .Signin:hover{background: #f5f5f5;}

/**/
.banner-Signin{float:right;margin-top:60px;padding-right:20px;width:280px; z-index: 999999 }
.banner-Signin .margin{float:right;margin:0;padding:20px 30px;width:260px; height:330px;background: #fff; border-radius: 8px;}
.banner-Signin h4{color: #333; font-weight: normal;}
.marked{margin:10px auto 0 auto;float: left;width:100%;color: #ff0000; height:14px; line-height: 14px; font-size: 12px;}
.row{float: left;padding:0;margin-top:15px;overflow: hidden;width:100%; height:40px;border: 1px solid #ddd;border-radius: 4px; line-height:40px;background: #fcfcfc;}
.row input{margin:0;padding:0;width:100%;height:40px; border:0;overflow: hidden;font-size: 14px;}
.row input.ipt{height:40px;line-height: 40px;color: #333;;}
.row input.txt-name{padding-left:50px;background: url(../img/icon_username.png) 15px 8px no-repeat;}
.row input.txt-psd{padding-left:50px;background: url(../img/icon_password.png)  15px 8px no-repeat;}
.row:hover,.row:active{border: 1px solid #3385ff; box-shadow: 0 3px 15px 0 rgba(221,221,221,0.87);}
.button{float:left;margin-top:15px;width: 100%;height:42px; border-radius: 4px;  color: #fff; font: 16px/44px "Microsoft YaHei"; text-align:center; cursor: pointer;
  background: -webkit-linear-gradient(left, #ff6a00, #ff9c00);
  background: -o-linear-gradient(left, #ff6a00, #ff9c00);
  background: linear-gradient(to right, #ff6a00, #ff9c00);
}
.button:hover{background: -webkit-linear-gradient(left, #ff7615, #ffa61b);
  background: -o-linear-gradient(left, #ff7615, #ffa61b);
  background: linear-gradient(to right, #ff7615, #ffa61b);
  box-shadow: 0 3px 15px 0 rgba(0,0,0,0.1);}
.button a{color: #fff;}
.notice{float:left;margin-top:15px;width: 100%;}
.notice span.sel{float: left;}
.notice span input{float:left;margin:8px 5px 0 0;}
.notice span.forget{float: right;}
.notice span a{padding-left:10px;}
.notice img{padding-left:10px;}

.loginBtn{width:100%;height:100%; cursor: pointer}
/******footer底部******/
.footer-container{margin:0 auto;padding:2% 0; background: #2c2c2c; color:#777;}
.footer{margin:0 auto;padding:0 10px;}
.huoban{margin-bottom:1.5%;padding-bottom:1.5%;height:36px; border-bottom:1px solid #555;}
.huoban a{padding:0 3% 0 0;width: 9.5%;overflow: hidden;float: left;}
.huoban img{width:100%; height:100%;}
.huoban img:hover{transform: translate3d(0,-3px,0);-moz-transform: translate3d(0,-3px,0);-o-transform: translate3d(0,-3px,0);-webkit-transform: translate3d(0,-3px,0);-ms-transform: translate3d(0,-3px,0);}
.footer-nav li{float: left;}
.footer-nav li img{width:100%;height:auto;}
.footer-nav li.center img,.footer-nav li.center span{margin:0 auto;text-align:center;}
.footer-nav li h4,.footer-nav li span{float: left;width:100%;text-align:left;}
.footer-nav li h4{color:#999; font-size:16px; font-weight:bold;}
.footer-nav li h4 a:link,.footer-nav li h4 a:visited{color:#999;}
.footer-nav li h4 a:hover,.footer-nav li h4 a:active,.footer-nav li span a:hover,.footer-nav li span a:active,.friendship-link a:hover,.friendship-link a:active{color:#0080ff;}
.footer-nav li span font{font-size:12px;}
.friendship-link{margin:20px auto 0 auto;width:100%;}
.friendship-link a{padding-right:15px;}
.copyright{margin:15px auto 0 auto;padding-top:10px;border-top:1px solid #555;text-align:center;}
.footer-nav li{width:14%;}
.footer-nav li.center{padding-left:1%;width:13%;}




/******多种分辨率******/

/* 当屏幕尺寸小于640px时，应用下面的CSS样式 */
@media screen and (max-width: 640px) {
  .logo-title{padding-left:0;float: left;}
  .top img{padding:0;margin:0;width:90%;height: auto;}
  .nav,.Login{padding:5px 0;float:right;font: 16px/32px "Microsoft YaHei"; color:#333;}
  .nav li{padding:0;display: inline-block;}
  .nav a:hover,.nav a:active{color: #0080ff;}
  .Login{padding-left:0;}
  .Login li{padding:0 0 0 0;float: left;}
  .Login button{margin-left:5px;padding:5px 5px;border: 1px; border-radius: 16px; cursor: pointer; font-size: 16px;}

}


/* 当屏幕尺寸大于640px小于720时，应用下面的CSS样式**/

@media screen and  (max-width:720px) and (min-width:640px) {
  .logo-title{padding-left:0;float: left;}
  .nav,.Login{padding:5px 2px;float:right;font: 16px/32px "Microsoft YaHei"; color:#333;}
  .nav li{padding:0;display: inline-block;}
  .nav a:hover,.nav a:active{color: #0080ff;}
  .Login{padding-left:0;}
  .Login li{padding:0 0 0 0;float: left;}
  .Login button{margin-left:5px;padding:5px 8px;border: 1px; border-radius: 16px; cursor: pointer; font-size: 16px;}
  .service li span{padding-left:11%;float: left; color:#999;}
  .service li span img{padding-left:35%;}

}
/* 当屏幕尺寸大于720px小于1080时，应用下面的CSS样式**/

@media screen and  (max-width:1080px) and (min-width:720px) {
  .logo-title{padding-left:0;float: left;}
  .nav,.Login{padding:5px 5px;float:right;font: 16px/32px "Microsoft YaHei"; color:#333;}
  .nav li{padding:0 5px;display: inline-block;}
  .nav a:hover,.nav a:active{color: #0080ff;}
  .Login{padding-left:0;}
  .Login li{padding:0 0 0 0;float: left;}
  .Login button{margin-left:10px;padding:5px 12px;border: 1px; border-radius: 16px; cursor: pointer; font-size: 16px;}
  .service li span{padding-left:13%;float: left; color:#999;}
  .service li span img{padding-left:35%;}
}


/* 当屏幕尺寸大于1280px时，应用下面的CSS样式*/
@media screen and (min-width: 1280px) {
  .one .business-icon,.four .business-icon{width:50px; height:50px; margin:25% auto 5% auto;}
  .business-icon{width:50px; height:50px; margin:10% auto 5% auto;}
  .top,.hot-container,.banner-title,.main-title,.main,.footer{width: 1200px;}
  .p1{position: absolute;top:30%;width:100%;text-align: center;color: #fff;font-size: 20px;font-weight: bold;}
  .p2{position: absolute;top:40%;margin: 5%  0 5% 0;padding:0 5%;width: 90%;text-align: center;line-height:28px ;font-size: 14px; color: white; }
  .p3{position: absolute;bottom:20%;left:25%;margin: 0 auto;width:50%;height: 32px;color:#fff;line-height: 32px;border-radius: 32px;border: 1px solid; background: none; cursor: pointer;}
  .p4{position: absolute;top:15%;width:100%;text-align: center;color: #fff;font-size: 20px;font-weight: bold;transition: all 0.2s 0.1s ease-out ;  }
  .p5{position: absolute;top:30%;margin: 5%  0 5% 0;padding:0 5%;width: 90%;text-align: center;line-height:24px ;font-size: 14px; color: white;word-wrap: break-word;}
  .p6{position: absolute;bottom:15%;left:25%;margin: 0 auto;width: 50%;height: 28px;color:#fff; line-height: 28px;border-radius: 28px;border: 1px solid #fff;text-align: center; background: none; cursor: pointer;}
  .service li{padding:30px 0;width:49.8%;height:50px; border-bottom:1px solid #ddd;float: left;}
  .service li.none{border-right:none;border-left:1px solid #ddd; }
  .footer-nav li{width:14%;}
  .footer-nav li.center{padding-left:2%;width:12%;}
  .big-curriculum{width:380px;margin:0 auto;}
  .big-curriculum .leixing{margin-left:30px;float:left;width:150px;height:42px;line-height:42px;text-align:center;}

  .service li span{padding-left:9%;float: left; color:#999;}
  .service li span img{padding-left:25%;}

}


/******客服******/
.wuyou-waiter{position: fixed; right: 0px; top:35%; width: 80px;background: #fff;
  box-shadow: 0 4px 8px #ddd;
  -webkit-box-shadow: 0 4px 8px #ddd;
  -ms-box-shadow: 0 4px 8px #ddd;
  -moz-box-shadow: 0 4px 8px #ddd;
  -o-box-shadow: 0 4px 8px #ddd;
  z-index: 999;
  border:1px solid #ddd;
}
.waiter-ul li{position: relative; height: 80px; line-height: 80px; border-bottom: 1px solid #eee;}
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 80px; height: 80px; line-height: 24px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 14px;}

.waiter-ul li a .g-icon{margin:15px 25px 5px 25px;width:30px; height:30px;}
.waiter-ul li a span{float: left; text-align: center;width:80px; color:#666;}
.g-icon.tel{background: url(../img/icon-dianhua.png) no-repeat;}
.g-icon.qq{background: url(../img/icon-qq.png) no-repeat;}
.g-icon.weixin{background: url(../img/icon-weixinbg.png) no-repeat;}
.g-icon.top{background: url(../img/icon-top.png) no-repeat;}

.waiter-title{position: absolute; right:90px; top: -15px; padding:3px 0;color: #fff; width: 150px; height: 140px;text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0; border-radius: 4px;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 60px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title{right:90px; opacity: 1;}
.waiter-ul li a{background:#fff;}


.bottom-xiadan{z-index: 999;position: fixed; bottom:0;width:100%;height:50px; background:#0080ff; color:#fff;font-size:18px; line-height: 50px; text-align: center;}

.path{max-width:1180px;margin:130px auto 5px auto;}
/* line 179, app/views/case/view.scss */
.page {
  width: 100%;
  text-align: center;
  font-size: 14px;
}
/* line 183, app/views/case/view.scss */
.page li {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
}
/* line 188, app/views/case/view.scss */
.page li a:hover {
  background-color: #00c1de;
  border-radius: 3px;
  color: white;
}
/* line 194, app/views/case/view.scss */
.page li.active {
  background-color: #00c1de;
  border-radius: 3px;
  color: white;
}
/* line 197, app/views/case/view.scss */
.page li.active span {
  color: white;
  cursor: default;
  padding: 2px 6px;
}
/* line 202, app/views/case/view.scss */
.page li a {
  padding: 2px 6px;
}
/* line 205, app/views/case/view.scss */
.page li.disabled {
  background-color: transparent;
}
/* line 207, app/views/case/view.scss */
.page li.disabled a {
  cursor: default;
  color: #ccc;
}
.paginations{text-align: center}
.pagination{display:inline-block !important;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}








